<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" sad />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>乐淘-首页-me</title>
    <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" href="./lib/nprogress/nprogress.css" />
    <!-- 公共的css文件 -->
    <link rel="stylesheet" href="./css/common.css" />
    <link rel="stylesheet" href="./css/index.css" />
  </head>

  <body>
    <!-- 乐淘侧边栏部分 -->
    <div class="lt-aside">
      <!-- 标题 -->
      <h3 class="title">
        <a href="#">黑马34期</a>
      </h3>
      <!-- 头像 -->
      <div class="user">
        <img src="./images/default.png" alt="" />
        <p>超级管理员</p>
      </div>
      <!-- 导航 -->
      <ul class="nav clearfix">
        <li>
          <a href="user.html">
            <span class="glyphicon glyphicon-user"></span>
            用户管理
          </a>
        </li>
        <li>
          <a href="#">
            <span class="glyphicon glyphicon-th-list"></span>
            分类管理
          </a>
          <ul class="clearfix child" style="display: none">
            <li><a href="first.html">一级分类</a></li>
            <li><a href="second.html">二级分类</a></li>
          </ul>
        </li>
        <li>
          <a href="product.html">
            <span class="glyphicon glyphicon-tags"></span>
            商品管理
          </a>
        </li>
      </ul>
    </div>
    <!-- 乐淘主体部分 -->
    <div class="lt-main">
      <!-- 顶部条 -->
      <div class="topbar">
        <a
          href="#"
          class="glyphicon glyphicon-align-justify menu pull-left"
        ></a>
        <a
          href="#"
          class="glyphicon glyphicon-log-out login-out pull-right"
        ></a>
      </div>
      <!-- 下面部分 -->
      <div class="container-fluid">
        <!-- 路径部分 -->
        <ol class="breadcrumb lt-url">
          <li><a href="#">管理系统</a></li>
          <li class="active">用户管理</li>
        </ol>
        <!-- 数据可视化的主体部分 -->
        <div class="main">
          <!-- 左边注册人数 -->
          <div class="number col-sm-6"></div>
          <!-- 右边热门销售 -->
          <div class="hosts col-sm-6"></div>
        </div>
      </div>
    </div>

    <script src="./lib/jquery/jquery.min.js"></script>
    <script src="./lib/bootstrap/js/bootstrap.min.js"></script>
    <!-- 判断用户有没有登录过的js文件 -->
    <script src="./js/islogin.js"></script>
    <!-- 进度条 -->
    <script src="./lib/nprogress/nprogress.js"></script>
    <!-- 引入Echarts数据可视化工具 -->
    <script src="./lib/echarts/echarts.min.js"></script>
    <!-- 公共的js文件 -->
    <script src="./js/common.js"></script>
    <!-- 引入index.js文件 -->
    <script src="./js/index.js"></script>
  </body>
</html>
